<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
		<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, 
		minimum-scale=1.0, maximum-scale=1.0"/>
		<meta charset="UTF-8">
		<title>订单详情</title>
		<link href="../public/css/style.css" rel="stylesheet">
		<link href="../public/css/common.css" rel="stylesheet">
	</head>
	<body class="layout_body">
		<div class="layout_content graybg"  style="padding-bottom: 0;">
			<header class="demo-header" style="padding-top: 10px;">
			    <div class="titleLeft flt">
			        <a href="index.html">
			        	<img src="../public/img/back.png" width="35px" height="33px">
			        </a>
			    </div>
			    <div class="titleRight flt text-center">订单详情</div>
			</header>
			<div class="whitebg more-flow">
				<div class="sizecolor border2">订单号：DH164213543086</div>
				<div class="order-flow-detail text-center flt flow-top1">
					<p class="guige">2016-10-22</p>
					<p class="guige time-padding">20:45:00</p>
					<p class="product">订单审核</p>
				</div>
				<div class="order-flow-detail text-center flt flow-top2">
					<p class="guige">2016-10-22</p>
					<p class="guige time-padding">20:45:10</p>
					<p class="product">出库审核</p>
				</div>
				
				<div class="order-flow-detail text-center flt flow-top3">
					<p class="guige">2016-10-22</p>
					<p class="guige time-padding">20:45:10</p>
					<p class="product">收货确认</p>
				</div>
				<div class="clear_both"></div>
				<div class="order-flow">
					<div class="circle"></div>
					<div class="changxian"></div>
					<div class="circle"></div>
					<div class="changxian"></div>
					<div class="circle"></div>
					<div class="changxian"></div>
					<div class="circle"></div>
					<div class="changxian"></div>
					<div class="circle"></div>
					<div class="changxian"></div>
					<div class="circle"></div>
					<div class="changxian"></div>
					<div class="circle" style="background-color: #E9E9E9;"></div>
				</div>
				<div class="clear_both"></div>
				<div class="order-flow-detail flt flow-bottom1">
					<p class="product">提交订单</p>
					<p class="guige data-padding">2016-10-22</p>
					<p class="guige">20:45:10</p>
				</div>
				<div class="order-flow-detail text-center flt flow-bottom2">
					<p class="product">财务订单</p>
					<p class="guige data-padding">2016-10-22</p>
					<p class="guige">20:45:10</p>
				</div>
				<div class="order-flow-detail text-center flt flow-bottom3">
					<p class="product">发货审核</p>
					<p class="guige data-padding">2016-10-22</p>
					<p class="guige">20:45:00</p>
				</div>
				<div class="order-flow-detail text-center flt" style="padding-top: 6px;">
					<p class="product">完成</p>
					<p class="guige data-padding">2016-10-22</p>
					<p class="guige">20:45:00</p>
				</div>
			</div>
			<div class="clear_both"></div>
			<div class="whitebg">
				<div class="sizecolor">客户信息</div>
				<div class="message-detail">
					<p>渠道：默认渠道</p>
					<p>客户：小苏打</p>
				</div>
			</div>
			<div class="whitebg">
				<div class="sizecolor">物流信息</div>
				<div class="message-detail">
					<p class="padding-adjust2">联系人：小苏</p>
					<p>联系电话：13819023987</p>
					<p>联系地址：幸福大道</p>
					<p>下单时间：2016-10-22 20:45:10</p>
					<p>备注信息：</p>
				</div>
			</div>
			<div class="whitebg">
				<div class="sizecolor flt">商品信息</div><div class="frt sizecolor grayarrow" style="padding-top: 3px;">></div>
				<div class="clear_both"></div>
				<div class="ordetail-img">
					<div class="order-img">
						<div>
							<img src="../public/img/mango.png" />
						</div>
						<div class="order-img-font">
							<p class="product">生菜X1</p>
							<p class="guige">4kg/箱</p>
						</div>
					</div>
					<div class="order-img">
						<div>
							<img src="../public/img/qincai.png" />
						</div>
						<div class="order-img-font">
							<p class="product">油菜X3</p>
							<p class="guige">4kg/箱</p>
						</div>
					</div>
					<div class="order-img">
						<div>
							<img src="../public/img/shrimp.png" />
						</div>
						<div class="order-img-font">
							<p class="product">花生酱X4</p>
							<p class="guige">510g/箱</p>
						</div>
					</div>
					<div class="order-img">
						<div>
							<img src="../public/img/milk.png" />
						</div>
						<div class="order-img-font">
							<p class="product">苹果X1</p>
							<p class="guige">20kg/箱</p>
						</div>
					</div>
					<div class="order-img">
						<div>
							<img src="../public/img/paper.png" />
						</div>
						<div class="order-img-font">
							<p class="product">纸巾X1</p>
							<p class="guige">200抽/包</p>
						</div>
					</div>
				</div>
			</div>
			<div class="whitebg">
				<div class="sizecolor">支付信息</div>
				<div class="message-detail">
					<p>线下支付：</p>
					<p>开户名称：张三</p>
					<p>开户银行：中国建设银行深圳市中旅公馆支行</p>
					<p>开户账号：44201215700052508420</p>
				</div>
			</div>
			<div class="whitebg">
				<div class="zonge flt">商品总额</div><div class="frt zonge" style=""><strong>￥32.60</strong></div>
				<div class="clear_both"></div>
				<div class="border-two text-right fontsize zhemanjian">
					<p>折扣：￥0.00</p>
					<p>运费：￥0.00</p>
					<p>优惠：￥0.00</p>
				</div>
				<div class="flt padding-adjust4"><strong>合计</strong></div><div class="frt money-color padding-adjust4"><strong>￥32.6</strong></div>
	            <div class="clear_both"></div>
	            <div class="padding-adjust4 border1">
	            	<a href="pay.html">
	            		<div class="button-two Corange" style="border: 1px solid #EF5507;">立即支付</div>
	            	</a>
	            	<a href="returnapplication.html"><div class="button-two Cgray">申请退款</div></a>
	            </div>		
			</div>
			
	    </div>
	</body>
</html>
